<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <base href="${base}">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>spring-mybatis-demo首页</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <#import "header.ftl" as header>
    <script type="text/javascript">
        var initIFrameHeight = function () {
            var ifa = "mainFrame";
            var load_dialog = showLoadDialog("页面君努力加载中，请稍后...");
            setTimeout(function () {
                setIframeHeight(ifa);
                load_dialog.modal('hide');
            }, 1000);
        }
    </script>
</head>
<body class="hold-transition skin-green sidebar-mini">
<div class="wrapper">
    <header class="main-header">
        <a href="javascript:void(0);" class="logo">
            <span class="logo-mini"><b>J</b>ack</span>
            <span class="logo-lg"><b>Jack</b>Cooper</span>
        </a>
        <!-- ./logo -->
        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top" role="navigation">
            <!-- 隐藏左侧按钮操作 -->
            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span>
            </a>
            <!-- Navbar Right Menu -->
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <!-- 系统消息 -->
                    <li class="dropdown messages-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-envelope-o"></i>
                            <span class="label label-success">4</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="header">你有 4 条新消息</li>
                            <li>
                                <!-- inner menu: contains the actual data -->
                                <ul class="menu">
                                    <li>
                                        <!-- start message -->
                                        <a href="#">
                                            <div class="pull-left">
                                                <img src="static/adminLTE/dist/img/user2-160x160.jpg" class="img-circle"
                                                     alt="User Image">
                                            </div>
                                            <h4>
                                                Bad Boy 邀请你匹配
                                                <small><i class="fa fa-clock-o"></i> 5 分钟前</small>
                                            </h4>
                                            <p>Why not ?</p>
                                        </a>
                                    </li>
                                    <!-- end message -->
                                    <li>
                                        <a href="#">
                                            <div class="pull-left">
                                                <img src="static/adminLTE/dist/img/user3-128x128.jpg" class="img-circle"
                                                     alt="User Image">
                                            </div>
                                            <h4>
                                                AdminLTE Design...
                                                <small><i class="fa fa-clock-o"></i> 2 小时前</small>
                                            </h4>
                                            <p>Why not buy a new awesome theme?</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="pull-left">
                                                <img src="static/adminLTE/dist/img/user4-128x128.jpg" class="img-circle"
                                                     alt="User Image">
                                            </div>
                                            <h4>
                                                Developers
                                                <small><i class="fa fa-clock-o"></i> 今天</small>
                                            </h4>
                                            <p>Why not buy a new awesome theme?</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="pull-left">
                                                <img src="static/adminLTE/dist/img/user3-128x128.jpg" class="img-circle"
                                                     alt="User Image">
                                            </div>
                                            <h4>
                                                Sales Department
                                                <small><i class="fa fa-clock-o"></i> 昨天</small>
                                            </h4>
                                            <p>Why not buy a new awesome theme?</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="pull-left">
                                                <img src="static/adminLTE/dist/img/user4-128x128.jpg" class="img-circle"
                                                     alt="User Image">
                                            </div>
                                            <h4>
                                                Reviewers
                                                <small><i class="fa fa-clock-o"></i> 2 天前</small>
                                            </h4>
                                            <p>Why not buy a new awesome theme?</p>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer">
                                <a href="#">查看所有消息</a>
                            </li>
                        </ul>
                    </li>
                    <!-- 当前登录用户信息 -->
                    <li class="dropdown user user-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="static/adminLTE/dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
                            <span class="hidden-xs">超级管理员</span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- The user image in the menu -->
                            <li class="user-header">
                                <img src="static/adminLTE/dist/img/user2-160x160.jpg" class="img-circle"
                                     alt="User Image">
                                <p>
                                    <strong>设置</strong>
                                    <small>上次登录时间:2016年12月30 00:00:12</small>
                                </p>
                            </li>
                            <!-- Menu Body -->
                            <!-- Menu Footer-->
                            <li class="user-footer">
                                <div class="pull-left">
                                    <a id="profile" href="user/profile" class="btn btn-default btn-flat">个人资料</a>
                                </div>
                                <div class="pull-right">
                                    <a href="logout" class="btn btn-default btn-flat">注销</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!-- ./navbar-custom-menu -->
        </nav>
        <!-- ./Header Navbar -->
    </header>
    <!-- ./main-header -->

    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">
        <section class="sidebar">
            <!-- Sidebar user panel -->
            <div class="user-panel">
                <div class="pull-left image">
                    <img src="static/adminLTE/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                </div>
                <div class="pull-left info">
                    <p>超级管理员</p>
                    <a href="#"><i class="fa fa-circle text-danger"></i>离开</a>
                </div>
            </div>
            <!-- ./user-panel -->

            <!-- search form -->
            <form action="#" method="get" class="sidebar-form">
                <div class="input-group">
                    <input type="text" name="q" class="form-control" placeholder="搜素...">
                    <span class="input-group-btn">
			                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i
                                    class="fa fa-search"></i>
			                </button>
			              </span>
                </div>
            </form>
            <!-- /.search form -->

            <!-- sidebar menu: : style can be found in sidebar.less -->
            <ul class="sidebar-menu">
                <li class="header">
                    <span class="menu-header-title">系统菜单</span>
                </li>
                <li class="active treeview">
                    <a href="#">
                        <i class="fa fa-link"></i> <span>系统管理</span>
                        <span class="pull-right-container">
				          <i class="fa fa-angle-left pull-right"></i>
				        </span>
                    </a>
                    <ul class="treeview-menu">
                        <li class="active">
                            <a href="user/list" target="mainFrame"><i class="fa fa-circle-o"></i>用户管理</a>
                        </li>
                        <li>
                            <a href="role/list" target="mainFrame"><i class="fa fa-circle-o"></i>角色管理</a>
                        </li>
                        <li>
                            <a href="resources/list" target="mainFrame"><i class="fa fa-circle-o"></i>资源管理</a>
                        </li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-link"></i> <span>监控管理</span>
                        <span class="pull-right-container">
				          <i class="fa fa-angle-left pull-right"></i>
				        </span>
                    </a>
                    <ul class="treeview-menu">
                        <li class="active">
                            <a href="druid/index.html" target="mainFrame"><i class="fa fa-circle-o"></i>Druid监控</a>
                        </li>
                        <li>
                            <a href="index2.html" target="mainFrame"><i class="fa fa-circle-o"></i>数据字典</a>
                        </li>
                        <li>
                            <a href="index2.html" target="mainFrame"><i class="fa fa-circle-o"></i>日志管理</a>
                        </li>
                    </ul>
                </li>
                <li class="header">
                    <span class="menu-header-title">其他</span>
                </li>
                <li>
                    <a href="#" target="mainFrame"><i class="fa fa-circle-o "></i> <span>菜单管理</span></a>
                </li>
                <li>
                    <a href="#" target="mainFrame"><i class="fa fa-circle-o"></i> <span>权限管理</span></a>
                </li>
                <li>
                    <a href="#" target="mainFrame"><i class="fa fa-circle-o "></i> <span>角色管理</span></a>
                </li>
            </ul>

        </section>
        <!-- ./sidebar -->
    </aside>
    <!-- ./main-sidebar -->
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <iframe name="mainFrame" id="mainFrame" frameborder="0" scrolling="no" src="welcome"
                style="margin:0 auto;width:100%;height:100%;" onLoad="initIFrameHeight()"></iframe>
    </div>
</div>
<#include "footer.ftl">
<script>
    $(function () {
        $("#myCarousel").carousel('cycle');
    });
</script>
</body>

</html>